{% load static %}
<nav class="navbar navbar-expand-lg navbar-dark"  style="height: 60px; background-color: #7E56C2;">
  <div class="container-fluid align-middle px-3">
    <a class="navbar-brand" href="{% url 'main' %}">
      <img class="rounded-circle" src="{% static 'seadog_header.jpg' %}" width="40" />
      <span class="ms-2"> Dangerous Water </span>
    </a>

    <ul class="navbar-nav ms-auto me-4">
      {% if user.is_authenticated %}
      <li class="nav-item"><a class="nav-link h6" href="#">{{ user.username }}</a></li>
      <li class="nav-item"><a class="nav-link h6" href='{% url "user:logout" %}'>Logout</a></li>
      {% else %}
      <li class="nav-item"><a class="nav-link h6" href='{% url "user:login" %}'>Login</a></li>
      <li class="nav-item"><a class="nav-link h6" href='{% url "user:register" %}'>Register</a></li>
      {% endif %}
    </ul>
    <div>
      <div class="text-warning h7">QQ-联机: 327049969</div>
      <div class="text-warning h7">QQ-中国虚拟舰队: 5365556</div>
    </div>
  </div>
</nav>
